<template>
  <div>
    <a-card :bordered="false">
      <a-tabs default-active-key="1" @change="callback">
        <a-tab-pane key="1" tab="基本信息" force-render>
          <infoList></infoList>
        </a-tab-pane>
        <a-tab-pane key="2" tab="照片" force-render>
          <photo></photo>
        </a-tab-pane>
        <a-tab-pane key="3" tab="关联">
          <relation ></relation>
        </a-tab-pane>
        <a-tab-pane key="4" tab="日志">
          <journal></journal>
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import '@/assets/less/TableExpand.less'
import infoList from '@/views/text/photoArchive/infoList'
import journal from '@/views/text/photoArchive/journal'
import relation from '@/views/text/photoArchive/relation'
import photo from '@/views/text/photoArchive/photo'
export default {
  name: 'tabs',
  components: {
    infoList,
    journal,
    relation,
    photo
  },
  data() {
    return {
     
    }
  },
  created: function() {
  },
  methods: {
    
    callback(key) {
      console.log(key)
    },
  }
}
</script>
<style scoped lang="less">
@import '~@assets/less/common.less';
.btn {
  width: 100%;
  text-align: right;
  margin: 10px 0;
  .ant-btn {
    margin-right: 30px;
  }
}
</style>
